<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="1.1testcss.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1.1.3test</title>
</head>
<body>
<h1>
    1.1作业
</h1>
<div>
    <p class="biaoti">简答</p>
    <p>1.input标签type常用属性值：text,password,radio,checkbox,button,reset</p>
    <p>2.表单作用是收集用户信息。由表单域、提示信息、表单元素（表单控件）组成。</p>
    <p>3.label标签：用于扩大点击范围的标签，用于提升用户体验。<br>绑定方式一：先给表单添加id属性，然后将需要绑定的内容用label包裹，最后在label标签设置for属性，后面加id内容 <br>绑定方式二：当表单元素与需要绑定的内容写在一起时，直接用label标签将他们嵌套</p>
   <p>4.css的七种选择器分为基础选择器与高级选择器两类。基础选择器：标签选择器、id选择器、类选择器、通配符选择器。高级选择器：交集选择器、并集选择器、后代选择器</p>
   <p>5.CSS的继承性是当没有给一个标签添加css样式属性时，却在浏览器中加载了来自祖先元素的样式属性。这种现象叫css的继承性</p>
   <p>盒子实体化的三属性：width、height、background-color</p>
   <p class="biaoti"> 代码</p>
<!-- 以下是表格 -->
<table >
    <caption>表格1</caption>
    <thead>
        <tr>
            <th colspan="8">苍南乐果包装生产计划单</th>
        </tr>
    </thead>
    <tbody>
      <tr>
          <td>客户名称</td>
          <td> &nbsp; </td>
          <td>订货日期</td>
          <td> &nbsp; </td>
          <td>编号</td>
          <td colspan="3"> &nbsp;</td>
       </tr>
      <tr>
          <td>产品名称</td>
          <td colspan="2"> &nbsp; </td>
          <td>交货日期</td>
          <td colspan="4"> &nbsp; </td>
      </tr>
      <tr>
       <td>订货数量</td>
       <td> &nbsp; </td>
       <td>数量控多</td>
       <td>最多</td>
       <td> &nbsp; </td>
       <td>最少</td>
       <td colspan="2"> &nbsp; </td>
      </tr>
      <tr>
          <td>条形码</td>
          <td colspan="2"> &nbsp; </td>
          <td>内容物</td>
          <td colspan="4"></td>
      </tr>
      <tr>
          <td>产品规格</td>
          <td colspan="7">&nbsp;</td>
      </tr>
      <tr>
          <td rowspan="5">材料结构</td>
          <td>层数</td>
          <td>材料名称</td>
          <td>膜宽(cm)</td>
          <td>厚度(s)</td>
          <td>供应商</td>
          <td>重量</td>
          <td>米数</td>
      </tr>
      <tr>
          <td>第一层</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
        <td>第二层</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>第三层</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>第四层</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td rowspan="5">印刷顺序</td>
        <td>版号</td>
        <td>&nbsp;</td>
        <td>板规格</td>
        <td>&nbsp;</td>
        <td>白墨面积</td>
        <td colspan="2">&nbsp;</td>
    </tr>
      <tr>
        <td>印刷基材</td>
        <td>&nbsp;</td>
        <td>排版方式</td>
        <td>&nbsp;</td>
        <td>色墨面积</td>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
          <td>印刷颜色</td>
          <td colspan="4"> &nbsp;</td>
          <td>油墨类型</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
          <td colspan="2">新，老版、改版内容</td>
          <td>&nbsp;</td>
          <td>新版</td>
          <td colspan="3">&nbsp;</td>
      </tr>
      <tr>
          <td colspan="7">印刷</td>
      </tr>
      <tr>
          <td rowspan="4">复合工序</td>
          <td>第一层胶水</td>
          <td colspan="2">&nbsp;</td>
          <td>网锟线数</td>
          <td>&nbsp;</td>
          <td>胶水配比</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
          <td>第二层胶水</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>胶水配比</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
        <td>第三层胶水</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>胶水配比</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
          <td>复合要求</td>
          <td colspan="4">&nbsp;</td>
          <td>熟化时间</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
          <td rowspan="5">上封口</td>
          <td colspan="6">&nbsp;</td>
          <td rowspan="7">&nbsp;</td>
      </tr>
      <tr>
          <td>下封口</td>
          <td>&nbsp;</td>
          <td>背封</td>
          <td>&nbsp;</td>
          <td>类型</td>
          <td>&nbsp;</td>
      </tr>
      <tr>
          <td>打孔要求</td>
          <td colspan="2">&nbsp;</td>
          <td>打孔位置</td>
          <td colspan="2"></td>
      </tr>
      <tr>
          <td>斯口型号</td>
          <td colspan="2">&nbsp;</td>
          <td>斯口位置</td>
          <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
          <td>拉链位置</td>
          <td colspan="2"> &nbsp;</td>
          <td>包装箱</td>
          <td colspan="2">&nbsp;</td>
      </tr>
      </tr>
      <tr>
          <td>其他要求</td>
          <td colspan="7">&nbsp;</td>
      </tr>
      <tr>
          <td rowspan="2">分切工序</td>
          <td>分切宽度</td>
          <td>&nbsp;</td>
          <td>cm</td>
          <td>分切直径</td>
          <td>&nbsp;</td>
          <td>cm</td>
      </tr>
      <tr>
          <td>出卷方向</td>
          <td colspan="7">&nbsp;</td>
    </tr>
      <tr>
          <td>备注</td>
          <td colspan="7">&nbsp;</td>
      </tr>
      <tr>
          <td>经办人</td>
          <td>&nbsp; </td>
          <td>审核</td>
          <td colspan="2">&nbsp;</td>
          <td colspan="2">&nbsp;</td>
          <td>&nbsp;</td>
      </tr>
    </tbody>
    <tfoot></tfoot>
</table>
</div>
</body>
</html>
<!-- 下面是表格2 -->
<br>
<table id="table2" style="text-align: center;"cellspacing="0px;" cellpadding="2px;">
    <caption>表格2</caption>
<tbody>
    <tr>
        <td colspan="12">1</td>
        <td rowspan="12">2</td>
    </tr>
    <tr>
        <td rowspan="12">4</td>
        <td colspan="10">5</td>
        <td rowspan="10">6</td>
    </tr>
    <tr>
        <td rowspan="10">8</td>
        <td colspan="8">9</td>
        <td rowspan="8">10</td>
    </tr>
    <tr>
        <td rowspan="8">12</td>
        <td colspan="6">13</td>
        <td rowspan="6">14</td>
    </tr>
    <tr>
        <td rowspan="6">16</td>
        <td colspan="4">17</td>
        <td rowspan="4">18</td>
    </tr>
    <tr>
        <td rowspan="4">20</td>
        <td colspan="2">21</td>
        <td rowspan="2">22</td>
    </tr>
    <tr>
        <td rowspan="2">24</td>
        <td>25</td>
    </tr>
    <tr>
        <td colspan="2">23</td>
    </tr>
    <tr>
        <td colspan="4">19</td>
    </tr>
    <tr>
        <td colspan="6">15</td>
    </tr>
    <tr>
        <td colspan="8">11</td>
    </tr>
    <tr>
        <td colspan="10">7</td>
    </tr>
    <tr>
        <td colspan="12">3</td>
    </tr>
</tbody>
</table>